<template>
  <footer class="footer">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          © 2018 - 2019 Foxia
          <span class="hidden md:inline-block">
            - Crafted with <i class="mdi mdi-heart text-danger"></i> By .</span
          >
        </div>
      </div>
    </div>
  </footer>
</template>

<script lang="ts">
import { defineComponent, computed } from "vue";
export default defineComponent({
  name: "fo-footer",
  props: {},
  setup() {},
});
</script>

<style scoped lang="less">
// 绝对底部: https://lhammer.cn/You-need-to-know-css/#/zh-cn/sticky-footer
.footer {
  background-color: #ffffff;
  color: #0f1f3e;
  text-align: center;
  font-size: inherit;
  padding: 20px 0;
  .text-danger {
    color: #f9392f !important;
  }
}
</style>
